<template>
    <el-tabs v-model="current" :class="{'none-card-tab': current==='record'}" class="content" type="border-card">
        <el-tab-pane label="演练计划">
            <drill-plan></drill-plan>
        </el-tab-pane>
        <el-tab-pane label="培训记录">
            <training-records></training-records>
        </el-tab-pane>
        <el-tab-pane label="演练记录" name="record">
            <drill-record></drill-record>
        </el-tab-pane>
        <el-tab-pane label="演练总结">
            <drill-summary></drill-summary>
        </el-tab-pane>
    </el-tabs>
</template>

<script>
    import ForthTab from "~/components/ForthTab";
    import DrillPlan from "~/views/safety-management/emergency-management/emergency-drill/DrillPlan";
    import TrainingRecords from "~/views/safety-management/emergency-management/emergency-drill/TrainingRecords";
    import DrillSummary from "~/views/safety-management/emergency-management/emergency-drill/DrillSummary";
    import DrillRecord from "~/views/safety-management/emergency-management/emergency-drill/DrillRecord";
    export default {
        name: "EmergencyDrill",
        components: {DrillRecord, DrillSummary, TrainingRecords, DrillPlan, ForthTab},
        data(){
            return{
                current: "",
            };
        }
    }
</script>

<style scoped>
    .content {
        margin-right: 5px;
        height: 87vh;
    }
</style>

<style>
    .none-card-tab .el-tabs__content{
        padding: 0;
        border: none;
    }
    .none-card-tab {
        border: none;
        box-shadow: none;
        background-color: #f0f0f0;
    }
</style>

